<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
	<script type="text/javascript" src="../dist/webtouch.min.js"></script>
</head>
<body>
<div class="box" style="position: fixed;width: 100%;height: 100%; left: 0; top: 0">
	webfull@1.0.0 build D:\www\myself\webFull
	> webpack ./index.js -o ./dist/webfull.min.js --mode production
	
	Hash: 9a1cadd92b4849e0ae5a
	Version: webpack 4.33.0
	Time: 539ms
	Built at: 2019-11-28 13:31:59
	Asset     Size  Chunks             Chunk Names
	webfull.min.js  111 KiB       0  [emitted]  main
	Entrypoint main = webfull.min.js
	[0] ./index.js 231 bytes {0} [built]
	[1] ./app/index.js 2.72 KiB {0} [built]
	[2] ./app/vconsole.min.js 122 KiB {0} [built]
	[3] ./package.json 476 bytes {0} [built]
	[4] ./app/touch-0.2.14.js 30.9 KiB {0} [built]
	
	Process finished with exit code 0
</div>
<script type="text/javascript">
	window.onload = function () {
		var touch = window.webtouch;
		touch.on('body', 'pinch', function () {
			alert('缩放手势')
		})
		touch.on('body', 'pinchin', function () {
			alert('收缩')
		})
		touch.on('body', 'pinchout', function () {
			alert('放大')
		})
		touch.on('body', 'rotateleft', function () {
			alert('向左旋转')
		})
		touch.on('body', 'rotateright', function () {
			alert('向右旋转')
		})
		touch.on('body', 'rotate', function () {
			alert('旋转')
		})
		touch.on('body', 'swipeleft', function () {
			alert('向左滑动')
		})
		touch.on('body', 'swiperight', function () {
			alert('向右滑动')
		})
		touch.on('body', 'hold', function () {
			alert('长按屏幕')
		})
		touch.on('body', 'doubletap', function () {
			alert('双击屏幕')
		})
	}
</script>
</body>
</html>
